<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 响应式的网站或者是移动端的适配时必须加上这一段代码 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_2284703_omtjispfx6i.css">
    <link rel="stylesheet" href="../css/reset.css">
    <style>
        header {
            height: 1rem;
            background-color: #f00;
        }
    </style>
</head>

<body>

    <!-- 

        写移动端   必须加上 meta  禁止网页缩放
        引入css的时候  先引入别人的 ， 再引入reset   (加了代码)
        宽高或者字体大小  /100  rem
        尊重设计图 1:1
        移动端的搜索框是单独写页面的  
        
     -->


    <header>
        <i class="iconfont icon-QQ"></i>
    </header>


</body>

</html>